<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  User: 19079,Date: 2020/12/16,time: 10:52
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>广州政法一期</title>
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/skins/_all-skins.css">
</head>
<body class="hold-transition skin-blue sidebar-mini" style="overflow:hidden;">
<%--<div id="ajax-loader" style="cursor: progress; position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; background: #fff; z-index: 10000; overflow: hidden;">--%>
<%--    <img src="img/ajax-loader.gif" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;" />--%>
<%--</div>--%>
<div class="wrapper">
    <!--头部信息-->
    <header class="main-header" style="height: 82px;">

        <div style="padding-top: 4px;float: left;margin-left: 20px">
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="#" style="color: red">
                        ${sessionScope.loginUser.username}
                    </a>
                </li>
                <li class="layui-nav-item"><a href="/logout">退了</a></li>
            </ul>
        </div>
        <div class="nav-items">
        </div>
    </header>
    <!--左边导航-->
    <div class="main-sidebar">
        <div class="sidebar">

            <div class="sidebar-title">
                <div class="title-left">
                    <span class="icon fa fa-th-list"></span>
                    <span class="title" style="color:red;">业务协同</span>
                </div>

            </div>
            <ul class="sidebar-menu" id="sidebar-menu">
                <!--<li class="header">导航菜单</li>-->
                <c:forEach items="${map}" var="entry">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-desktop"></i>
                            <span>${entry.key.functionname}</span>
                            <i class="fa fa-angle-left pull-right"></i>
                        </a>
                        <ul class="treeview-menu" style="display: none;">
                            <c:forEach items="${entry.value}" var="per">
                                <li style="transform: translateX(-200px);">
                                    <a class="menuItem" data-id="11" href="${per.funcurl}">
                                        <i class="fa fa-feed"></i>${per.functionname}</a>
                                </li>
                            </c:forEach>

                        </ul>
                    </li>
                </c:forEach>

            </ul>
        </div>
    </div>
    <!--中间内容-->
    <div id="content-wrapper" class="content-wrapper">
        <div class="content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content" style="margin-left: 0px;">
                    <a href="javascript:;" class="menuTab active" data-id="lawHome.html">欢迎首页</a>

                </div>
            </nav>

            <div class="btn-group roll-nav roll-right">
                <button class="dropdown tabClose" data-toggle="dropdown">
                    页签操作<i class="fa fa-caret-down" style="padding-left: 3px;"></i>
                </button>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a class="tabReload" href="javascript:void(0);">刷新当前</a></li>
                    <li><a class="tabCloseCurrent" href="javascript:void(0);">关闭当前</a></li>
                    <li><a class="tabCloseAll" href="javascript:void(0);">全部关闭</a></li>
                    <li><a class="tabCloseOther" href="javascript:void(0);">除此之外全部关闭</a></li>
                </ul>
            </div>
            <button class="roll-nav roll-right fullscreen"><i class="fa fa-arrows-alt"></i></button>
        </div>
        <div class="content-iframe" style="overflow: hidden;background:transparent">
            <div class="mainContent" id="content-main" style="margin: 10px; margin-bottom: 0px; padding: 0;background:transparent">
                <h2>1354345</h2>
<%--                <iframe class="LRADMS_iframe" width="100%" height="98%" src="lawHome.html" frameborder="0" data-id="lawHome.html" style="background:transparent"></iframe>--%>
            </div>
        </div>
    </div>
</div>
<script src="/js/jquery/jQuery-2.2.0.min.js"></script>
<script src="/js/bootstrap/js/bootstrap.min.js"></script>
<script src="/plugin/layer_v2.1/layer/layer.js"></script>
<%--<script src="../js"></script>--%>
<script src="/js/index.js"></script>
<script>
    // $(function(){
    //     $(".menuItem").each(function(){
    //         $(this).click(function(){
    //             $(".menuItem").parent().removeClass("menuItemActive");
    //             $(this).parent().addClass("menuItemActive").siblings("li").removeClass("menuItemActive")
    //         })
    //     });
    // })
</script>
</body>
</html>

